<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2020/9/6
  Time: 8:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<html>
<head>
    <title>Title</title>
</head>
<script  type="text/javascript">
    function verification(from) {
        if (from.name.value==""){
            username.innerHTML=-"账号不能为空";
        }
        if(from.password.value==""){
            password.innerHTML="密码不能为空";
        }
        if(from.password.value==from.password1.value){
            password1.innerHTML="2次输入的密码不正确";
        }
        if (from.cellphonenumber.value==""&&from.cellphonenumber.value.length==11){
            cellphonenumber.innerHTML="手机号码格式不对";
        }
    }
</script>
<style>
    #imgs{
        position: absolute;
        top: 30px;
        left: 30px;
    }
    #form{
        position: absolute;
        top: 50px;
        left: 300px;
        font-size: 40px;
    }
    #register{
        position: absolute;
        top: 200px;
        right: 1200px;
    }
    #submit{
        position: absolute;
        top:330px;
        right: 1200px;
        width: 200px;
    }
    #behind{
        position: absolute;
        bottom: 200px;
        right: 600px;
    }
    ul li{
        list-style: none;
        float: left;
    }
    #behind3 ul li{
        list-style: none;
        float: left;
    }
    #behind3{
        margin-top: 20px;
        margin-left: 600px;
    }
</style>
</head>
<body>
<div id="imgs">
    <img src="/imgs/logo-1.jpg" width="274" height="96"/>
</div>
<div id="form">
    注册
</div>

<div id="">
    <form name="from1" action="/login/tered">
        <table id="register">
            <tr>
                <td>用户名</td>
                <td>
                    <input type="text" name="name" onblur="verification(from1)"/><span id="username"></span>
                </td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="password" name="password" onblur="verification(from1)"/><span id="password"></span></td>
            </tr>
            <tr>
                <td>确认密码</td>
                <td><input type="password" name="password1" onblur="verification(from1)"/><span id="password1"></span></td>

            </tr>
            <tr>
                <td>手机号码</td>
                <td><input type="text" name="cellphonenumber" onblur="verification(from1)"/><span id="cellphonenumber"></span></td>
            </tr>
            <tr>
                <td>${mag}</td>
            </tr>



        </table>
        <input  id="submit" type="submit" value="提交"/>
    </form>
    <div id="behind3">
        <u1>
            <li><img src="/imgs/m-5.jpg" width="259" height="109"/></li>

            <li><a href="/login/logion">已经有账号请登入</a></li>
        </u1>
        <img src="/imgs/new2.png" width="310" height="229">
    </div>
</div>

<div id="behind">
    <ul>
        <li>首页</li>
        <li>关于我们</li>
        <li>猿来如此</li>
        <li>登入后台</li>
    </ul>
</div>
</body>
</html>
